Envelope Curve Editor with SVG

#reactjs #nodejs 
import { Draggable } from "gsap/dist/Draggable"

useGSAP((context) => {
    let mm = gsap.matchMedia();

    mm.add("(min-width: 100px)", () => {

      gsap.to('.line_path_reveal', {
        width: '500',
        duration: 5,
        repeat: -1,
        ease: 'none'
      })
  
    });
    gsap.registerPlugin(Draggable)
    Draggable.create(".point_1",)

    // console.log(context);
    // return () => {}
    
  }, { scope: container })
FireFox

Not sure if this is a bug or me, but development in Firefox did not update the UI correctly. The width value would only update on user interaction (clicking, dragging, inspector tweaking). I've moved to Chrome to work on this as normal